/*左侧*/
#left{
	height: 100%;
	width: 337px;
	position: fixed;
	/*background:#C2D9DE;*/
	background:rgba(255, 255, 255, 0.85);
}
#head{
	margin:0 -30px;
	background:#488B94;
	opacity: 0.3;
	height:180px;
}
#left .cont,.cont img{
	margin: -64px auto 0;
	width:226px;
	text-align: center;
}
.cont div,.cont img{
	position: relative;
}
@keyframes  img{
  0% {
    right: 4px;
    top: 1x;
  }
  100% {
    right: 0px;
    top: -1px;
  }
}
.cont img:hover{
	box-shadow: 0 0 26px #88acdb;
	animation: img 0.15s linear infinite alternate;
}

.cont img{
	width: 126px;
	box-shadow: 0 0 16px white;
}
.cont p,.cont ul{
	margin-top: 40px;
}
#id{
	font-size: 25px;
	color: #696969
}
.cont a{
	color: #696969;
}
.cont a:hover{
	font-weight: bold;
	text-decoration: none;
	/*color:grey;*/
}
/*右侧*/

.col-sm-9{
	padding-right: 40px;
	position: absolute;
	right: 0;
	left:337px;
	width: auto;
	min-height: 100%;
}
.col-sm-9>div{
	margin-top: 30px;
	/*background: #D5D5D5;*/
	background: rgba(255, 255, 255, 0.45);

}
.article>div{
	margin: 0 25px 10px;
}
h1 span{
	font-size: 17px;
	line-height: 41px;
}
.foo{
	margin-top: 30px;
	padding-top:20px;
	border-top: 1px solid #DDDDDD;
}

/*右侧快捷键*/
#scr{
	width: 39px;
	height: 40px;
	background: white;
	position: fixed;
	right: 0;
	bottom:200px;
}